<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>微信，是一个生活方式</title>
        <link rel="shortcut icon" href="favicon.ico" />
        <style>
            *{ margin: 0px;
               padding: 0px;
                list-style: none
            }
            .headr{
                height: 498px;
                margin-bottom: 48px;
                background: url("imags/sdd.jpg")repeat-x;
            }
           
            .nav{
                width: 968px;
                margin:0px auto;
                padding: 0 10px;
              
              
            }
            .nav h1{
               float: left;
               margin-right: 86px;
            }
            .nav img{
                margin-top: 14px;
                width: 130px;
            }

            .nav ul{
                float: right;
               
            }
            .nav li{
                float: left;
                margin-top: 20px;
            }
            .nav li{
                margin-top: 10px;
                padding: 8px;
            }

            .nav li:hover{
                background:black;
                border-radius: 20px;
            }
            .nav a{
                font-size: 14px;
                color:white;
                text-decoration: none;
            }
                    .banner{
                width: 968px;
                
                margin:0px auto;
                padding-top: 74px;
            }
            .left{
                float: left;
                width: 370px;
                height: 423px;
                margin-right: 97px;
               
            }
            .left h2{
                font-weight:normal;
                margin-top: 45px;
                font-size: 25px;
            }
            .left p{

                margin-top: 15px;
                color: #979797;
            }
            .downa{
                display: block;
                height: 58px;
                width: 218px;
                margin-top: 15px;
                border-radius: 10px;
            }
          .dot{
            display: block;
            margin-top: 15px;
                border-radius: 10px;
          }
          .lf {
            margin-top: 15px;
            padding-top: 7px;
          }
          .banner a{
                text-decoration: none;
                color: #609700;
                padding-top: 7px;
                margin-top: 15px;
            }
          .banner-right{
                float: left;
                width: 501;
                height: 423px;
            }
            .banner-right img{
                margin-top: 51px;
            }
            .bot{
                float:left;display:block;margin:10px 11px 0 0;height:6px;width:6px;border-radius:5px;background-color:#999
            }
            .con{
                height: 378px;
                width: 968px;
                margin: 0px auto;
                margin-bottom: 27px;
            }
            .con-left{
                float: left;
            }
            .con-right{
                float: right;
            }
            .con-left img{
                width: 629px;
            }
            .con-left li{
                float: left;
                width: 217px;
            }
            .con-left .last{
                width: 1 ;
            }
            .con-left{
                margin-top: 15px;
                color: #979797;
            }
            .con-left p{
                text-decoration: none;
                cursor: pointer;
                outline: none;
                color: #979797;
            }

            .con-right a{
                text-decoration: none;
                color: #609700;
                cursor: pointer;
                outline: none;
                list-style: disc outside;
                line-height: 1.8;
                margin: 5px 0;
                white-space: nowrap;
            }
            .footer{
                height: 50px;
                width: 968px;
                margin: 0px auto;
                
            }
            .list li{
                text-decoration: none;
                float: left;
            }
            .list span{
                float: right;
            }
            i{
                color:red
            }
            .list a{
                text-decoration: none;
            }
            .rights a{
                text-decoration: none;
                float:right;
            }
            .footer p{
                color: #888;
    font-size: 11px;
    margin: 5px 0;
            }
        </style>
    </head>
    <body>
        <div class="headr">
            <div class="nav">
               <h1>
                   <a href="">
                      <img src="imags\ddd.png" alt="">
                   </a>
               </h1>
               <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li>
                    <a href="https://kf.qq.com/product/weixin.html">帮助与反馈</a>
                </li>
                <li>
                    <a href="https://mp.weixin.qq.com/">公众平台</a>
                </li>
                <li>
                    <a href="https://open.weixin.qq.com/">开放B平台</a>
                </li>
                <li>
                    <a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F">微信支付</a>
                </li>
                <li>
                    <a href="https://ad.weixin.qq.com/">微信广告</a>
                </li>
                <li>
                    <a href="https://work.weixin.qq.com/">企业微信</a>
                </li>
                <li>
                    <a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">表情开放平台</a>
                </li>
                <li>
                    <a href="https://wx.qq.com/">微信网页版</a>
                </li>
            </ul>
            </div>
            <div class="banner"> 
                    <div class="left">
                        <h2><span>微信，是一个生活方式</h2>
                            <p>超过十亿人使用的手机应用</p>
                            <p>支持发送语音短信、视频、图片和文字</p>
                            <p>可以群聊，仅耗少量流量，适合大部分智能手机</p>
                            <a class="downa"href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6">
                                <img src="imags\dsd.png" alt="">
                            </a>
                          <div class="lf">
                            <ui>
                                <li>
                                    <span class="dot"></span>
                                    <a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index">忘记了微信帐号或密码？</a>
                                </li>
                                <li>
                                    <span class="dot"></span>
                                    <a href="https://weixin110.qq.com/security/readtemplate?t=self_deblock/index">自助解除登录或功能限制</a>
                                </li>
                                <li>
                                    <span class="dot"></span>
                                    <a href="https://weixin110.qq.com/security/readtemplate?t=security_center_website/tools">冻结或解冻微信帐号</a>
                                </li>
                            </ui>
                          </div>
                    </div>
                <div class="banner-right">
                    <img src="https://res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/31caDYg.png" alt="">

                </div>
            </div>
        </div>

        <div class="con">
            <div class="con-left">
                <img src="imags\diannao.png" alt="">
                <ul>
                    <li>
                        <h6> 微信网页版</h6>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                         <p><a target="_blank"href="https://wx.qq.com/">了解更多</a>   </p>        
                    </li>
                    <li>
                        <h6> 微信 Mac 版</h6>
                        <p>极致简洁，迅捷沟通</p>
                        <p><a target="_blank"href="https://mac.weixin.qq.com/">了解更多</a></p>        
                    </li>
                    <li class="last">
                        <h6> 微信 Windows 版</h6>
                        <p>让沟通更方便</p>
                        <p><a target="_blank"href="https://pc.weixin.qq.com/">了解更多</a> </p>       
                    </li>
                </ul>
            </div>
            <div class="con-right">
                <h2>
                    最新消息
                </h2>
                <ul>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/android/802/index&amp;faq=android_802">微信 8.0.2 for Android 正式版发布</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/win/321/index&amp;faq=win_321">微信 3.2.1 for Windows 正式版发布</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/ios/802/index&amp;faq=ios_802">微信 8.0.2 for iOS 正式版发布</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/mac/261/index&amp;faq=mac_261">微信 2.6.1 for Mac 正式版发布</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/upgrade">关于部分 iOS 9 用户无法更新微信</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification">微信外部链接内容管理规范</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=page/faq/web/21/index&amp;faq=web_21">微信网页版 2.1 版本发布</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a target="_blank" href="https://sticker.weixin.qq.com/">微信表情开放平台上线</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                    <li><span class="bot"></span><a href="/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_rumor_filter">官方辟谣公众号开通</a></a><span style="color:red;font-size:11px">(New)</span> </li>
                </ul>
               <ul>
                   <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_faq_list">查看更多</a></li>
               </ul>
               <ul>
                   <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&ADTAG=&check=false&nav=contact&t=weixin_contact&loc=readtemplate,weixin,body,5">联系我们
                <img src="imags\wasd.png" alt=""></a>
                </li>
               </ul>
            </div>
        </div>
        <div class="footer">
            <ul class="list">
                <li><a href="https://www.tencent.com/" target="_blank"> 关于腾讯 |</a></li>
                <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=default" target="_blank"> 服务条款 | </a></li>
                <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?&t=page/agreement/personal_account&lang=zh_CN"> 使用规范 |</a></li>
                <li><a href="https://kf.qq.com/product/weixin.html" target="_blank"> 客服中心 |</a></li>
                <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=privacy" target="_blank"> 隐私保护指引</a></li>
            </ul>
        <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
            <ul class="rights">
                <li><a href="/cgi-bin/readtemplate?t=weixin&amp;lang=zh_CN&amp;setlanguage=1"target="_blank">简体中文 |</a></li>
                <li><a href="https://wechat.com/zh_TW/"target="_blank">繁體中文 |</a></li>
                <li><a href="https://wechat.com/en/"target="_blank">English |</a></li>
            </ul>
        </div>
    </body>
</html>